<?php //error_reporting(E_ALL);
//initialize session for shop creation 0= new shop 


		
$dictionary = get_dictionary($user['language_id']);
	
		
			// echo "<pre>";
			// print_r($dictionary);
			// echo "</pre>";
	// print_r($user);
?>
<div class="row-fluid">
	<div id="fuelux-wizard" class="row-fluid hide" data-target="#step-container">
		<ul class="wizard-steps">
			<li data-target="#step0" class="active">
				<span class="step">0</span>
				<span class="title"><?php  echo translate_word('welcome',$dictionary); ?></span>
			</li>
			<li data-target="#step1" class="">
				<span class="step">1</span>
				<span class="title"><?php  echo translate_word('Basic Info',$dictionary); ?></span>
			</li>
			<li data-target="#step2" >
				<span class="step">2</span>
				<span class="title"><?php  echo translate_word('Pick a theme',$dictionary); ?></span>
			</li>
			<li data-target="#step3">
				<span class="step">3</span>
				<span class="title"><?php  echo translate_word('Color scheme',$dictionary); ?></span>
			</li>
			<li data-target="#step4">
				<span class="step">4</span>
				<span class="title"><?php  echo translate_word('Product List',$dictionary); ?></span>
			</li>

			<!-- <li data-target="#step5">
				<span class="step">5</span>
				<span class="title"><?php  //echo translate_word('Product Page',$dictionary); ?></span>
			</li> -->
			<!-- <li data-target="#step6">
				<span class="step">6</span>
				<span class="title"><?php // echo translate_word('Product Categories',$dictionary); ?></span>
			</li>
			<li data-target="#step7">
				<span class="step">7</span>
				<span class="title"><?php  //echo translate_word('Product Properties',$dictionary); ?></span>
			</li> -->
			


		</ul>
	</div>

	
	<div class="step-content row-fluid position-relative" id="step-container">
		<div class="step-pane active" id="step0">
			<h3 class="header smaller lighter green"><?php  echo translate_word('Welcome to our comunity',$dictionary); ?></h3>
			<span class='span3'>
			</span>
			<span class='span6'>
				<p class='lead'><?php  echo translate_word('in_order',$dictionary); ?> <span class='text-success'><strong>4 <?php  echo translate_word('steps',$dictionary); ?></strong></span> <?php  echo translate_word('listed_above',$dictionary); ?>.</p>
				<p class='lead'><?php  echo translate_word('at_any_time',$dictionary); ?> <span class='text-success'> <strong><?php  echo translate_word('prev',$dictionary); ?></strong></span> <?php  echo translate_word('button_or_you',$dictionary); ?></p>
				<p class='lead'><?php  echo translate_word('proceed_by',$dictionary); ?> <span class='text-success'><strong><?php  echo translate_word('next',$dictionary); ?></strong></span> </p>
				<!-- 
					<p class='lead'> In order to create your oun shop please complete the <span class='text-success'><strong>8 steps</strong></span> listed above, by filling the information required.</p>
					<p class='lead'>At any time you can return to any step by clicking the <span class='text-success'><strong>Prev</strong></span> button or you can just click on the step you want to go above</p>
					<p class='lead'>Proceed by clicking the <span class='text-success'><strong>Next</strong></span> button</p>
				-->
			</span>
			<span class='span3'>
			</span>
		</div>	
		<div class="step-pane" id="step1">
			<h3 class="header smaller lighter green"><?php  echo translate_word('Basic info',$dictionary); ?></h3>
			<form class="form-horizontal" id='wizard_form'>	
				<div class='row-fluid'>			
					<div class="span4" >

						<h4><?php  echo translate_word('Your shop details',$dictionary); ?></h4>
						<ul class="unstyled spaced2">
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('fill your shop name',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('choose one or more categories',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('pick the languages for your shop',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word("pick a logo",$dictionary); ?>
							</li>
						</ul>					
					</div>

					<div class="span8" >
						<div class="control-group">
							<label class='control-label' for="domain_name"><?php  echo translate_word('Domain name',$dictionary); ?></label>
							<div class='controls'>
								<input type='text' class='span10' readonly name='domain_name' id='domain_name' value='<?php echo $shop['db_name'].'.neo-flux.com' ?>' />
								<div class='span2 pull-right'>
									<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop domain"></span>
								</div>
							</div>
						</div>
						<div class="control-group">
							<label class='control-label' for="site_name"><?php  echo translate_word('Shop name',$dictionary); ?></label>
							<div class='controls'>
								<input type='text' readonly class='span10' name='site_name' id='site_name' value='<?php echo $shop['db_name']; ?>' />
								<div class='span2 pull-right'>
									<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
								</div>
							</div>
						</div>
						<div class="control-group">
							<label class='control-label' for="site_category"><?php  echo translate_word('Category',$dictionary); ?></label>
							<div class='controls'>
								<div class='span10'>
									<select multiple="" class="chzn-select " id="site_category"  data-placeholder="Choose a category...">
										<option value="3" >mobila</option>
										<option value="4" >utilaje</option>
									</select>
								</div>
								<div class='span2 pull-right'>
									<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
								</div>
							</div>
						</div>
						<div class='control-group'>
							<label class='control-label' for="languages"><?php  echo translate_word('Languages',$dictionary); ?></label>
							<div class='controls'>	
								<div class='span10'>						
									<?php 
									$langs=$userObj->fetch_table('languages');
									foreach ($langs as $key => $value) {
										echo "<input type='checkbox' name='languages' value='{$value['abv']}' "; 
										if($value['id']==$user['language_id']){
											echo " checked='checked' ";
										}	
										echo " /><span class='lbl'>".translate_word($value['name'],$dictionary)."</span>&nbsp;&nbsp;";
									}
									?>
								</div>
								<div class='span2 pull-right'>
									<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
								</div>
							</div>
						</div>
						<div class="control-group">
							<label class='control-label' for="logo"><?php  echo translate_word('Logo',$dictionary); ?>
								<br />
								
								<input type='radio' name='img_logo' value='1' checked='checked'>
								<span class='lbl'>imagine</span>
								
								
								<input type='radio' name='img_logo' value='2'>
								<span class='lbl'>text</span>

							</label>
							<div class='controls'>
								
								<div class='span10'>
									<!-- <input class=''  type="file" id="logo" /> -->
									<input type="file" id="id-input-file-3" />
								</div>
								<div class='span2 pull-right'>
									<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
								</div>
							</div>					
						</div>					
					</div>
				</div>
				<hr class="lighter green">
				<div class='row-fluid'>
					<div class='span4'>
						<h4><?php  echo translate_word('Fizical address and contact',$dictionary); ?></h4>
						<ul class="unstyled spaced2">
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('fill your shop address',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('fill contact',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('click on map',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('the information will be visible',$dictionary); ?>
							</li>
						</ul>

					</div>	

					<div class='span8'>
						<div class='span6'>
							<div class="control-group">
								<label class='control-label' for="state"><?php  echo translate_word('Country',$dictionary); ?></label>
								<div class='controls'>
									<select id="state" name="state" class="chzn-select"  data-placeholder="<?php  echo translate_word('click_to _choose',$dictionary); ?>">																		
										<option />
										<option value="Romania" />Romania
										<option value="France" />France
										<option value="Germany" />Germany
										<option value="Spain" />Spain			
									</select>
								</div>
							</div>
							<div class="control-group">
								<label class='control-label' for="city"><?php  echo translate_word('City',$dictionary); ?></label>
								<div class='controls'>
									<select id="city" name="city"  class="chzn-select" data-placeholder="<?php  echo translate_word('click_to _choose',$dictionary); ?>">																			
										<option></option>
										<option value="Braila" />Braila
										<option value="Brasov" />Brasov
										<option value="Ianca" />Ianca
										<option value="Faurei" />Faurei		
										<option value="Sfantul Gheorghe" />Sfantul Gheorghe	
									</select>
								</div>
							</div>
							<div class="control-group">
								<label class='control-label' for="address"><?php  echo translate_word('Address',$dictionary); ?></label>
								<div class='controls'>
									<textarea class='span12' id='address' name='address' placeholder='<?php  echo translate_word('complete_your_address',$dictionary); ?>'></textarea>
								</div>
							</div>

						</div>
						<div class='span6'>
							<div class="control-group">
								<label class='control-label' for="email_contact"><?php  echo translate_word('Customers email',$dictionary); ?></label>
								<div class='controls '>								

									<input class="span12" type="email" id="email_contact" name='email_contact' value='' />
								</div>
							</div>	
							<div class="control-group">
								<label class='control-label' for="zip_code"><?php  echo translate_word('Zip code',$dictionary); ?></label>
								<div class='controls'>
									<input type='text' class='span12' name='zip_code' id='zip_code' />
								</div>
							</div>	
							<div class="control-group">
								<label class='control-label' for="telephone_contact"><?php  echo translate_word('Telephone contact',$dictionary); ?></label>
								<div class='controls'>								
									<input class="input-medium input-mask-phone span12" type="text" id="telephone" name='telephone' />
								</div>
							</div>
						</div>	
						<div class='span12 centered-text'>
							<a class="btn btn-primary " id='open_map' data-toggle="modal" role="button" href="#modal-map"> <?php  echo ucfirst(translate_word('click on map',$dictionary)); ?> </a>
						</div>
					</div>
				</div>

			</form>
			<div id="modal-map" class="modal hide fade" tabindex="-1">
				<div class="modal-header no-padding">
					<div class="table-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						Click on the map to point to your location
						<?php  echo translate_word('click_on_the_map_to_point_to_your_location',$dictionary); ?>
					</div>
				</div>

				<div id='map_canvas'   style='height:400px;width:100%'></div>

				<div class="modal-footer ">
					<button class="btn btn-small btn-primary" data-dismiss="modal" ><?php  echo translate_word('Save',$dictionary); ?></button>
					<button class="btn btn-small btn-danger btn-primary" data-dismiss="modal"><?php  echo translate_word('Cancel',$dictionary); ?></button>
				</div>

			</div>
		</div>
		<form id='wizard_steps' style='margin:0px'>
			<div class="step-pane" id="step2">

				<h3 class="header smaller lighter green"><?php  echo translate_word('Pick a theme',$dictionary); ?></h3>
				<div class='row-fluid'>
					<div class='span4'>
						<ul class="unstyled spaced2">
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('pick a theme from the right',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('you can preview your theme',$dictionary); ?>
							</li>
						</ul>
					</div>
					<div class='span8'>
						<div id="owl-pick" class="owl-carousel owl-theme">
							<?php 

							$themes=$userObj->fetch_table('themes');
							foreach($themes as $value){ ?>

							<div class="item" >

								<?php if($value['id']==1){ ?>
								<img src="assets/images/themes_pictures/theme_<?php echo $value['name'] ?>.png" style='border: 6px solid rgb(135, 184, 127);'   alt="<?php echo $value['name'] ?>">
								<br class='clear'/>
								<button class='btn btn-small btn-success' onclick='select_theme("<?php echo $value['name'] ?>",this);return false'>
									<i class="icon-check"></i>
									<span><?php  echo translate_word('selected',$dictionary); ?></span>
								</button>	
								<?php }else{ ?>
								<img src="assets/images/themes_pictures/theme_<?php echo $value['name'] ?>.png"   alt="<?php echo $value['name'] ?>">
								<br class='clear'/>
								<button class='btn btn-small btn-grey' onclick='select_theme("<?php echo $value['name'] ?>",this);return false'>
									<i class="icon-check-empty"></i>
									<span><?php  echo translate_word('unselected',$dictionary); ?></span>
								</button>	
								<?php } ?>
								<button class='btn btn-small btn-purple' onclick='preview_theme("<?php echo $value['name']; ?>");return false'>
									<i class="icon-desktop"></i>
									<?php  echo translate_word('preview',$dictionary); ?>
								</button>								
							</div>

							<?php	}
							?>
						</div>
					</div>
				</div>
			</div>

			<div class="step-pane" id="step3">
				<h3 class="header smaller lighter green"><?php  echo translate_word('Color scheme',$dictionary); ?></h3>
				<div class='row-fluid'>
					<div class='span4'>
						<ul class="unstyled spaced2">
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('pick a color scheme from',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('to preview the shop',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('you cam make your own',$dictionary); ?>
							</li>
						</ul>
					</div>
					<div class='span8'>
						<div id='color_scheme_wrapper' class='span12'>
							
						</div>
						<div class='row-fluid'>

							<div class='span4 centered-text' style='border:6px solid #2283C5;display:none' id='custom_color_scheme'>
								<h5>Your color scheme</h5>
								<div class='color_square_holder'>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="background" style='background-color:#ffffff'></div>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="main-color" style='background-color:#F4A908'></div>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="body-font-color" style='background-color:#333333'></div>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="menu-and-title-bg header si hedinguri" style='background-color:#353535'></div>
									<br class='clear'/>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="alt-header-color" style='background-color:#545454'></div>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="body-link-color" style='background-color:#0088CC'></div>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="menu-link-color" style='background-color:#ffffff'></div>
									<div class='color_square tooltip-info' data-rel='tooltip' data-placement='top' data-original-title="footer-and-breadcrumbs" style='background-color:#F5F5F5'></div>
									<br class='clear'/>
								</div>							
								<button class='btn btn-small btn-grey' onclick ='select_color_scheme("custom_color_scheme",this);return false;'>
									<i class="icon-check-empty"></i>
									<span><?php  echo translate_word('unselected',$dictionary); ?></span>
								</button>	
								<button class='btn btn-small btn-purple' onclick ='preview_theme(string_custom_colors);return false;'>
									<i class="icon-desktop"></i>
									<span><?php  echo translate_word('preview',$dictionary); ?></span>
								</button>						
							</div>
							<div class='span4'></div>
							<div class='span4'>

								<a href="#modal-color_scheme" role="button"  class="btn btn-primary pull-right" data-toggle="modal"> <span><?php  echo translate_word('custom_color_scheme',$dictionary); ?></span> </a>
							</div>
							<div id="modal-color_scheme" class="modal hide fade" tabindex="-1">
								<div class="modal-header no-padding">
									<div class="table-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<?php  echo translate_word('create_your_own_color_scheme',$dictionary); ?>	
									</div>
								</div>
								<div class='span12'>
									<div class="control-group">
										<label class="control-label span4" for="background"><?php  echo translate_word('background',$dictionary); ?></label>
										<div class="controls span8">
											<input id="background"  class="colorpicker1 span8" type="text" name="background">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="main-color"><?php  echo translate_word('main_color',$dictionary); ?></label>
										<div class="controls span8">
											<input id="main-color" class="colorpicker1 span8" type="text" name="main-color">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="body-font-color"><?php  echo translate_word('body_font_color',$dictionary); ?></label>
										<div class="controls span8">
											<input id="body-font-color" class="colorpicker1 span8" type="text" name="body-font-color">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="menu-and-title-bg"><?php  echo translate_word('menu_and_title_background,header_and_headings',$dictionary); ?></label>
										<div class="controls span8">
											<input id="menu-and-title-bg" class="colorpicker1 span8" type="text" name="menu-and-title-bg">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="alt-header-color"><?php  echo translate_word('alternative_header_color',$dictionary); ?></label>
										<div class="controls span8">
											<input id="alt-header-color" class="colorpicker1 span8" type="text" name="alt-header-color">
											<button  onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="body-link-color"><?php  echo translate_word('body_link_color',$dictionary); ?></label>
										<div class="controls span8">
											<input id="body-link-color" class="colorpicker1 span8" type="text" name="body-link-color">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="menu-link-color"><?php  echo translate_word('menu_link color',$dictionary); ?></label>
										<div class="controls span8">
											<input id="menu-link-color" class="colorpicker1 span8" type="text" name="menu-link-color">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
									<div class="control-group">
										<label class="control-label span4" for="footer-and-breadcrumbs"><?php  echo translate_word('footer_and_breadcrumb_color',$dictionary); ?></label>
										<div class="controls span8">
											<input id="footer-and-breadcrumbs" class="colorpicker1 span8" type="text" name="footer-and-breadcrumbs">
											<button onclick='return false;' class='btn btn-mini btn-success'>ok</button>
										</div>
									</div>
									<br class='clear'/>
								</div>
								<br class='clear'/>
								<div class="modal-footer ">
									<button class="btn btn-small btn-primary" data-dismiss="modal" onclick='save_custom_color_sche();'><?php  echo translate_word('save',$dictionary); ?></button>
									<button class="btn btn-small btn-danger btn-primary" data-dismiss="modal"><?php  echo translate_word('cancel',$dictionary); ?></button>
								</div>

							</div>
						</div>
					</div>

				</div>
			</div>

			<div class="step-pane" id="step4">	
				<h3 class="header smaller lighter green"><?php  echo translate_word('Product list',$dictionary); ?></h3>		
				<div class='row-fluid'>
					<div class='span4'>					
						<ul class="unstyled spaced2">
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('pick theme for productlist',$dictionary); ?>
							</li>
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('option product list',$dictionary); ?>
							</li>						
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('view_after_change',$dictionary); ?>
							</li>	
						</ul>
						<div class='centered-text'>
							<button  class='btn  btn-purple preview_page' value='3' onclick='return false'>
								<i class="icon-desktop"></i>
								<?php  echo translate_word('preview',$dictionary); ?>
							</button>
						</div>	
					</div>	

					<div class='span8'>
						<div class='row-fluid'>
							<div class='span4'>
								<div class="control-group">
									<label class='control-label ' for=""><?php  echo translate_word('Compare products',$dictionary); ?></label>
									<div class='controls'>
										<input class=" span10" type="checkbox" name="compare_prod_check" id='compare_prod_check' value='1' checked='checked' onchange="send_checkbox('compare_prod_check');">
										<label class="lbl"> </label>	
										<div class='pull-right span2'>
											<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
										</div>									
									</div>
									<br class='clear'/>
								</div>
								<hr />
								<div class="control-group">	
									<label class='control-label ' for=""><?php  echo translate_word('Side bar with filters',$dictionary); ?></label>
									<div class='controls '>
										<input class=" span10" type="checkbox" name="side_bar_check" id='side_bar_check' value='1' checked='checked' onchange="send_checkbox('side_bar_check');">
										<label class="lbl"> </label>
										<div class='pull-right span2'>
											<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
										</div>
									</div>
									<br class='clear'/>
								</div>
								<hr />
								<div class="control-group">
									<label class='control-label' for=""><?php  echo translate_word('Number of products on line',$dictionary); ?></label>
									
									<div class='controls span9'>
										<label>
											<input type="radio" name="product_number" value='4' checked='checked' onclick='save_radio("product_number")'>
											<span class="lbl"> 4 <?php  echo translate_word('products',$dictionary); ?></span>
										</label>
										<label>
											<input type="radio" name="product_number" value='1' onclick='save_radio("product_number")'>
											<span class="lbl"> 1 <?php  echo translate_word('products',$dictionary); ?></span>
										</label>
										<br class='clear'/>												
									</div>
									<div class='span2 pull-right'>
										<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
									</div>											

								</div>

								<br class='clear'/>
								<hr />
								<div class="control-group">
									<label class='control-label' for=""><?php  echo translate_word('Number of products on page',$dictionary); ?></label>
									<div class='control span9'>
										<select id='products_nr' name='products_nr' class='span12'  onchange='send_pr_nr(this.value);'>
											<option value='16'>16</option>
											<option value='20'>20</option>
											<option value='24'>24</option>
										</select>
									</div>
									<div class='span2 pull-right'>
										<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="number of products on a page"></span>
									</div>	
								</div>
							</div>	

							<div class='span4'>
								<div class="control-group">
									<label class='control-label ' for=""><?php  echo translate_word('Newsletter subscribe',$dictionary); ?> </label>
									<div class='controls '>
										<input class=" span8" type="checkbox" name="newsletter_check" id='newsletter_check' value='1' checked='checked'  onchange="send_checkbox('newsletter_check');">
										<span class="lbl"> </span>
										<div class='pull-right span2'>
											<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
										</div>
									</div>
									<br class='clear'/>
								</div>
								<hr />
								<div class='control-group'>								
									<div class='controls'>
										<label class='control-label ' for=""><?php  echo translate_word('Products color on image',$dictionary); ?></label>
										<div class='controls'>
											<input type='checkbox' class=" span8" name="color_on_image" id='color_on_image' value='1' checked='checked' onchange="send_checkbox('color_on_image');">
											<span class="lbl"> </span>
											<div class='span2 pull-right'>
												<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
											</div>
										</div>												
									</div>
									<br class='clear'/>
								</div>
								<hr />
								<div class='control-group'>		
									<label class='control-label' for="">Pagination</label>
									
									<div class='controls span9'>
										<label>
											<input type="radio" name="pagination" value='1' checked='checked' onclick='save_radio("pagination")'>
											<span class="lbl">  <?php  echo translate_word('endless pagination',$dictionary); ?></span>
										</label>
										<label>
											<input type="radio" name="pagination" value='0' onclick='save_radio("pagination")'>
											<span class="lbl"> <?php  echo translate_word('numbered pagination',$dictionary); ?></span>
										</label>
									</div>
									<div class='pull-right span2'>
										<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="fill your shop name"></span>
									</div>
									<br class='clear'/>
								</div>
								<br class='clear'/>
								<hr />
								<div class="control-group">
									<label class='control-label' for=""><?php  echo translate_word('minimi_order',$dictionary); ?></label>
									<div class='control span9'>
										<input name='minim_order' type='text' class='span12' id ='minim_order' onblur='save_input("minim_order");'>
									</div>
									<div class='span2 pull-right'>
										<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="number of products on a page"></span>
									</div>	
									<br class='clear'/>
								</div>			
								<hr />
								<div class="control-group">
									<label class='control-label' for=""><?php  echo translate_word('currency',$dictionary); ?></label>
									<div class='control span9'>
										<select name='currency' id='currency' onchange='send_currency(this.value);'>
											<option value='EUR' selected='selected'>EUR</option>
											<option value='ARS'>ARS</option>
											<option value='AUD'>AUD</option>
											<option value='BRL'>BRL</option>
											<option value='GBP'>GBP</option>
											<option value='CAD'>CAD</option>
											<option value='DKK'>DKK</option>
											<option value='HKD'>HKD</option>
											<option value='INR'>INR</option>
											<option value='ILS'>ILS</option>
											<option value='JPY'>JPY</option>
											<option value='LTL'>LTL</option>
											<option value='MYR'>MYR</option>
											<option value='MXN'>MXN</option>
											<option value='NZD'>NZD</option>
											<option value='NOK'>NOK</option>
											<option value='PHP'>PHP</option>
											<option value='RON'>RON</option>
											<option value='RUB'>RUB</option>
											<option value='SGD'>SGD</option>
											<option value='ZAR'>ZAR</option>
											<option value='SEK'>SEK</option>
											<option value='CHF'>CHF</option>
											<option value='TRY'>TRY</option>
											<option value='AED'>AED</option>
											<option value='USD '>USD</option>
										</select>
										
									</div>
									<div class='span2 pull-right'>
										<span class="btn btn-info btn-small tooltip-info  icon-info-sign " title="" data-placement="top" data-rel="tooltip" data-original-title="number of products on a page"></span>
									</div>	
									<br class='clear'/>
								</div>
							</div>
						</div>



					</div>
				</div>	
				<h3 class="header smaller lighter green"><?php  echo translate_word('Product page',$dictionary); ?></h3>
				<div class='row-fluid'>
					<div class='span4'>
						<ul class="unstyled spaced2">						
							
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('options page product',$dictionary); ?>
							</li>						
							<li>
								<i class="icon-circle green"></i>
								<?php  echo translate_word('options page product preview',$dictionary); ?>
							</li>	
						</ul>
						<div class='centered-text'>
							<button  class='btn  btn-purple preview_page' value='4' onclick='return false'>
								<i class="icon-desktop"></i>
								<?php  echo translate_word('preview',$dictionary); ?>
							</button>
						</div>	
					</div>
					<div class='span8'>		
						<div class='span4'>
							<div class="control-group">
								<label class="control-label " for="rating_check"><?php  echo translate_word('Product rating',$dictionary); ?></label>
								<div class="controls">
									<input id="rating_check" class=" span10" type="checkbox" checked="checked" value="1" name="rating_check"  onchange="send_checkbox('rating_check');">
									<label class="lbl"> </label>
									<div class="pull-right span2">
										<span class="btn btn-info btn-small tooltip-info icon-info-sign " data-original-title="fill your shop name" data-rel="tooltip" data-placement="top" title=""></span>
									</div>
									<br class="clear">
								</div>
							</div>	
							<hr />
							<div class="control-group">
								<label class="control-label " for="comments_check"><?php  echo translate_word('Comments',$dictionary); ?></label>
								<div class="controls">
									<input id="comments_check" class=" span10" type="checkbox" checked="checked" value="1" name="comments_check"  onchange="send_checkbox('comments_check');">
									<label class="lbl"> </label>
									<div class="pull-right span2">
										<span class="btn btn-info btn-small tooltip-info icon-info-sign " data-original-title="fill your shop name" data-rel="tooltip" data-placement="top" title=""></span>
									</div>
									<br class="clear">
								</div>
							</div>	
							<hr />
							<div class="control-group">
								<label class="control-label " for="fqs_check"><?php  echo translate_word('Frequently ask questions',$dictionary); ?></label>
								<div class="controls">
									<input id="fqs_check" class=" span10" type="checkbox" checked="checked" value="1" name="fqs_check"  onchange="send_checkbox('fqs_check');">
									<label class="lbl"> </label>
									<div class="pull-right span2">
										<span class="btn btn-info btn-small tooltip-info icon-info-sign " data-original-title="fill your shop name" data-rel="tooltip" data-placement="top" title=""></span>
									</div>
									<br class="clear">
								</div>
							</div>	

						</div>
						<div class='span4'>
							<div class="control-group">
								<label class="control-label " for="share_tweeter_check"><?php  echo translate_word('Share button',$dictionary); ?> tweeter</label>
								<div class="controls">
									<input id="share_tweeter_check" class=" span10" type="checkbox" checked="checked" value="1" name="share_tweeter_check"  onchange="send_checkbox('share_tweeter_check');">
									<label class="lbl"> </label>
									<div class="pull-right span2">
										<span class="btn btn-info btn-small tooltip-info icon-info-sign " data-original-title="fill your shop name" data-rel="tooltip" data-placement="top" title=""></span>
									</div>
									<br class="clear">
								</div>
							</div>	
							<hr />
							<div class="control-group">
								<label class="control-label " for="share_facebook_check"><?php  echo translate_word('Share button',$dictionary); ?> facebook</label>
								<div class="controls">
									<input id="share_facebook_check" class=" span10" type="checkbox" checked="checked" value="1" name="share_facebook_check"  onchange="share_facebook_check('share_facebook_check');">
									<label class="lbl"> </label>
									<div class="pull-right span2">
										<span class="btn btn-info btn-small tooltip-info icon-info-sign " data-original-title="fill your shop name" data-rel="tooltip" data-placement="top" title=""></span>
									</div>
									<br class="clear">
								</div>
							</div>
						</div>


					</div>
				</div>		
			</div>
			<!-- <div class="step-pane" id="step5">
				<h3 class="header smaller lighter green"><?php  //echo translate_word('Product page',$dictionary); ?></h3> -->
			<!-- <div class='row-fluid'>
				<div class='span4'>					
					<ul class="unstyled spaced2">
						
						<li>
							<i class="icon-circle green"></i>
							<?php  //echo translate_word('page product description',$dictionary); ?>
						</li>	
						<li>
							<i class="icon-circle green"></i>
							<?php // echo translate_word('options page product theme',$dictionary); ?>
						</li>						
					</ul>
				</div>	
				<div class='span8'>
					<div id="owl-product" class="owl-carousel owl-theme">
						<div class="item" >
							<img src="assets/images/themes_pictures/theme_x52.png"  alt="The Last of us">							
							<button class='btn btn-small btn-success'>
								<i class="icon-check"></i>
								Selected
							</button>	
							<button class='btn btn-small btn-purple'>
								<i class="icon-desktop"></i>
								Preview
							</button>								
						</div>
						<div class="item">
							<img src="assets/images/themes_pictures/theme_x52.png" alt="GTA V">
							<button class='btn btn-small btn-grey'>
								<i class="icon-check-empty"></i>
								Unselected
							</button>	
							<button class='btn btn-small btn-purple'>
								<i class="icon-desktop"></i>
								Preview
							</button>	
						</div>
						<div class="item">
							<img src="assets/images/themes_pictures/theme_x52.png" alt="Mirror Edge">
							<button class='btn btn-small btn-grey'>
								<i class="icon-check-empty"></i>
								Unselected
							</button>	
							<button class='btn btn-small btn-purple'>
								<i class="icon-desktop"></i>
								Preview
							</button>
						</div>
					</div>
				</div>
			</div> -->

		<!-- </div> -->
	</form>
<!-- 	<div class="step-pane" id="step6">

		<h3 class="header smaller lighter green"><?php  //echo translate_word('Product Categories',$dictionary); ?></h3>

		<div class="row-fluid">				
			<a href="#modal-table" role="button" class="btn btn-primary" data-toggle="modal"> +<?php // echo translate_word('Add',$dictionary); ?> </a>
			<div class="table-header">

			</div>
			<div id='table_categories_wrapper'>
				<table id="sample-table-2" class="table table-striped table-bordered table-hover">
					<thead>
						<tr>											
							<th><?php // echo translate_word('Properties name',$dictionary); ?></th>
							<th><?php // echo translate_word('Show in footer',$dictionary); ?></th>
							<th><?php // echo translate_word('Actions',$dictionary); ?></th>
						</tr>
					</thead>

					<tbody>
						<tr>

							<td>
								<a href="#">app.com</a>
							</td>
							<td>$45</td>

							<td class="td-actions">
								<div class="hidden-phone visible-desktop action-buttons">


									<a class="green" href="#">
										<i class="icon-pencil bigger-130"></i>
									</a>

									<a class="red" href="#">
										<i class="icon-trash bigger-130"></i>
									</a>

									<a class="" href="#modal-table"  data-toggle="modal">
										<i class="icon-pencil"></i>
										edit values            
									</a>

								</div>

								<div class="hidden-desktop visible-phone">
									<div class="inline position-relative">
										<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
											<i class="icon-caret-down icon-only bigger-120"></i>
										</button>

										<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
											<li>
												<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
													<span class="blue">
														<i class="icon-zoom-in bigger-120"></i>
													</span>
												</a>
											</li>

											<li>
												<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
													<span class="green">
														<i class="icon-edit bigger-120"></i>
													</span>
												</a>
											</li>

											<li>
												<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
													<span class="red">
														<i class="icon-trash bigger-120"></i>
													</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</td>
						</tr>


					</tbody>
				</table>
			</div>
			
		</div>

	</div> -->
	<!-- <div class="step-pane" id="step7">

		<h3 class="header smaller lighter green"><?php //  echo translate_word('Product properties',$dictionary); ?></h3>



	</div> -->

</div>

<hr class='lighter green'/>
<div class="row-fluid wizard-actions">
	<button class="btn btn-prev">
		<i class="icon-arrow-left"></i>
		<?php  echo translate_word('Prev',$dictionary); ?>
	</button>
	<button class="btn btn-primary" style='display:none' value='1' id='preview_page'>
		<?php  echo translate_word('preview page',$dictionary); ?>
	</button>
	<button class="btn btn-success btn-next" data-last="<?php  echo translate_word('finish',$dictionary); ?>">
		<?php  echo translate_word('Next',$dictionary); ?>
		<i class="icon-arrow-right icon-on-right"></i>
	</button>
</div>
<div id="modal-table" class="modal hide fade span10" style='margin-left:-40%' tabindex="-1">
	<div class="modal-header no-padding">
		<div class="table-header">
			<button type="button" class="close" data-dismiss="modal">&times;</button>
			Add or edit category
		</div>
	</div>
	<div class="tabbable">
		<ul class="nav nav-tabs" id="myTab">

			<?php
			$i=0;
			foreach ($langs as $key => $value) {
				$i++;
				if($i==1){
					$active='hide active';
				}else{
					$active='hide';
				}
				echo '<li class="'.$active.'" id="lng_'.$value['abv'].'">
				<a data-toggle="tab" href="#lang_'.$value['abv'].'">
				'.$value['name'].'
				</a>
				</li>';		
			}

			?>
		</ul>

		<div class="tab-content" id='categories_edit'>
			<?php 
			$i=0;
			foreach ($langs as $key => $value) { 
				$i++;
				if($i==1){
					$active=' in active';
				}else{
					$active = '';
				}
				?>

				<div id="lang_<?php echo $value['abv']; ?>" class="tab-pane <?php echo $active; ?>">
					<form>
						<div class="control-group">
							<span class="span4">
								<label class="control-label" for="category">Category</label>
							</span>
							<div class="controls">
								<span class="span8">
									<input id="category_name_<?php echo $value['id']; ?>" type="text" name="category_name_<?php echo $value['id']; ?>">
								</span>
							</div>
						</div>
						<!-- tabs for description and category properties -->
						<div class="tabbable">
							<ul class="nav nav-tabs" id="tabs2_<?php echo $value['abv']; ?>">
								<li class='active' >
									<a data-toggle="tab" href="#proptab_<?php echo $value['abv']; ?>">
										Properties
									</a>
								</li>
								<li>
									<a data-toggle="tab" href="#desctab_<?php echo $value['abv']; ?>">
										Description
									</a>
								</li>
							</ul>	
							<div class="tab-content">
								<!-- properties for category -->
								<div id='proptab_<?php echo $value['abv']; ?>' class="tab-pane active">
									<div id='table_properties_wrapper' class='span6'>
										<table id="table_properties_<?php echo $value['abv']; ?>" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>											
													<th><?php  echo translate_word('Properties name',$dictionary); ?></th>
													<th><?php  echo translate_word('Type',$dictionary); ?></th>
													<th><?php  echo translate_word('Actions',$dictionary); ?></th>
												</tr>
											</thead>

											<tbody>

											</tbody>
										</table>
									</div>
									<div id='table_properties_wrapper' class='span6'>
										<table id="table_properties_values_<?php echo $value['abv']; ?>" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>											
													<th><?php  echo translate_word('Value name',$dictionary); ?></th>
													<th><?php  echo translate_word('Values',$dictionary); ?></th>
													<th><?php  echo translate_word('Actions',$dictionary); ?></th>
												</tr>
											</thead>

											<tbody>

											</tbody>
										</table>
									</div>
								</div>
								<!-- description for category -->
								<div id='desctab_<?php echo $value['abv']; ?>' class="tab-pane">
									<div class="control-group" style='display:none'>
										<span class="span4">
											<label class="control-label" for="category_url">Url</label>
										</span>
										<div class="controls">
											<span class="span8">
												<input id="category_url_<?php echo $value['id']; ?>" type="text" name="category_url_<?php echo $value['id']; ?>">
											</span>
										</div>
									</div>
									<div class="control-group">
										<span class="span4">
											<label class="control-label" for="category_description">Description</label>
										</span>
										<div class="controls">
											<span class="span8">
												<div class="wysiwyg-editor" id="category_description_<?php echo $value['id']; ?>"></div>
												<!-- <textarea id="category_description_<?php //echo $value['id']; ?>" name="category_description_<?php //echo $value['id']; ?>"></textarea> -->
											</span>
										</div>
									</div>
									<div class="control-group">
										<span class="span4">
											<label class="control-label" for="category_meta_keywords">Meta keywords</label>
										</span>
										<div class="controls">
											<span class="span8">
												<input id="category_meta_keywords_<?php echo $value['id']; ?>" type="text" name="category_meta_keywords_<?php echo $value['id']; ?>">
											</span>
										</div>
									</div>
									<div class="control-group">
										<span class="span4">
											<label class="control-label" for="category_meta_description">Meta description</label>
										</span>
										<div class="controls">
											<span class="span8">	
												<textarea id="category_meta_description_<?php echo $value['id']; ?>" name="category_meta_description_<?php echo $value['id']; ?>"></textarea>
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>

					</form>
				</div>		
				<?php 	} ?>


			</div>
		</div>
		<div class="modal-footer ">
			<button class="btn btn-small btn-primary" data-dismiss="modal" onclick='save_category();'>Save</button>
			<button class="btn btn-small btn-danger btn-primary" data-dismiss="modal">Cancel</button>
		</div>

	</div>
</div>


